import {
  Icon,
  Layout,
  PageHeader,
  Card,
  Tabs,
  Menu,
  Avatar,
  Dropdown,
  Button,
  message,
  notification,
  Modal,
  Input,
  Select,
  FormModel,
  ConfigProvider,
  // Empty,
  AutoComplete,
  Calendar,
  Badge,
  Collapse,
  Cascader,
  Checkbox,
  Col,
  DatePicker,
  Divider,
  Form,
  InputNumber,
  List,
  Pagination,
  Popconfirm,
  Popover,
  Progress,
  Radio,
  Rate,
  Row,
  Slider,
  Spin,
  // Statistic,
  // Steps,
  Switch,
  Table,
  // Tree,
  // TreeSelect,
  Tag,
  TimePicker,
  // Timeline,
  Tooltip,
  // Upload,
  // Skeleton,
} from 'ant-design-vue'

const components = [
  Icon,
  Layout,
  PageHeader,
  Card,
  Tabs,
  Menu,
  Avatar,
  Dropdown,
  Button,
  message,
  notification,
  Modal,
  Input,
  Select,
  FormModel,
  ConfigProvider,
  // Empty,
  AutoComplete,
  Calendar,
  Badge,
  Collapse,
  Cascader,
  Checkbox,
  Col,
  DatePicker,
  Divider,
  Form,
  InputNumber,
  List,
  Pagination,
  Popconfirm,
  Popover,
  Progress,
  Radio,
  Rate,
  Row,
  Slider,
  Spin,
  Switch,
  Table,
  // Tree,
  // TreeSelect,
  Tag,
  TimePicker,
  Tooltip,
]

export default (Vue) => {
  components.forEach((c) => {
    Vue.use(c)
  })

  Vue.prototype.$message = message
  Vue.prototype.$notification = notification
  Vue.prototype.$info = Modal.info
  Vue.prototype.$success = Modal.success
  Vue.prototype.$error = Modal.error
  Vue.prototype.$warning = Modal.warning
  Vue.prototype.$confirm = Modal.confirm
  Vue.prototype.$destroyAll = Modal.destroyAll
}
